<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="applicable-device" content="pc">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>颜色大全</title>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="aside">
			<div class="logo">
				<div class="name">颜色大全</div>
			</div>
			<div class="nav">
				<div class="nav-list">
					<div class="item-title">按色相的搭配分类</div>
					<div class="item-color">
						<a class="active" href="#color_0">红色</a>
						<a href="#color_1">橙色</a>
						<a href="#color_2">黄色</a>
						<a href="#color_4">绿色</a>
						<a href="#color_5">青绿色</a>
						<a href="#color_6">蓝色</a>
						<a href="#color_7">蓝紫色</a>
						<a href="#color_8">紫色</a>
						<a href="#color_9">紫红色</a>
					</div>
				</div>
				<div class="nav-list">
					<div class="item-title">按印象的搭配分类</div>
					<div class="item-color">
						<a href="#color_10">柔和、明亮、温柔 </a>
						<a href="#color_11">柔和、洁净、爽朗 </a>
						<a href="#color_12">可爱、快乐、有趣 </a>
						<a href="#color_13">活泼、快乐、有趣 </a>
						<a href="#color_14">运动型、轻快 </a>
						<a href="#color_15">轻快、华丽、动感 </a>
						<a href="#color_16">狂野、充沛、动感 </a>
						<a href="#color_17">华丽、花哨、女性化 </a>
						<a href="#color_18">回味、女性化、优雅 </a>
						<a href="#color_19">高尚、自然、安稳 </a>
						<a href="#color_20">冷静、自然 </a>
						<a href="#color_21">传统、高雅、优雅 </a>
						<a href="#color_22">传统、稳重、古典 </a>
						<a href="#color_23">忠厚、稳重、有品位 </a>
						<a href="#color_24">简单、洁净、进步 </a>
						<a href="#color_25">简单、时尚、高雅 </a>
						<a href="#color_26">简单、进步、时尚 </a>
					</div>
				</div>
			</div>
		</div>

		<div class="main">
			<div class="color-list" id="color_0">
				<div class="introduce">
					<div class="title">按色相的搭配分类</div>
					<div class="desc">
						本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。</div>
				</div>
				<div class="color-theme-name">
					红色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9999"></span>
								<span class="color-text">#FF9999</span>
							</li>
							<li>
								<span style="background:#996699"></span>
								<span class="color-text">#996699</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC9999"></span>
								<span class="color-text">#CC9999</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9966"></span>
								<span class="color-text">#FF9966</span>
							</li>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC9966"></span>
								<span class="color-text">#CC9966</span>
							</li>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
							<li>
								<span style="background:#CC9999"></span>
								<span class="color-text">#CC9999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#FFFF66"></span>
								<span class="color-text">#FFFF66</span>
							</li>
							<li>
								<span style="background:#99CC66"></span>
								<span class="color-text">#99CC66</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC3333"></span>
								<span class="color-text">#CC3333</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#993333"></span>
								<span class="color-text">#993333</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
							<li>
								<span style="background:#CC9999"></span>
								<span class="color-text">#CC9999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#0066CC"></span>
								<span class="color-text">#0066CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#336633"></span>
								<span class="color-text">#336633</span>
							</li>
							<li>
								<span style="background:#990033"></span>
								<span class="color-text">#990033</span>
							</li>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#993333"></span>
								<span class="color-text">#993333</span>
							</li>
							<li>
								<span style="background:#CC9966"></span>
								<span class="color-text">#CC9966</span>
							</li>
							<li>
								<span style="background:#003300"></span>
								<span class="color-text">#003300</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF0033"></span>
								<span class="color-text">#FF0033</span>
							</li>
							<li>
								<span style="background:#333399"></span>
								<span class="color-text">#333399</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
							<li>
								<span style="background:#99CC00"></span>
								<span class="color-text">#99CC00</span>
							</li>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#999933"></span>
								<span class="color-text">#999933</span>
							</li>
							<li>
								<span style="background:#993333"></span>
								<span class="color-text">#993333</span>
							</li>
							<li>
								<span style="background:#333300"></span>
								<span class="color-text">#333300</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_1">
				<div class="color-theme-name">
					橙色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9966"></span>
								<span class="color-text">#FF9966</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#CC9933"></span>
								<span class="color-text">#CC9933</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#996600"></span>
								<span class="color-text">#996600</span>
							</li>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CC9933"></span>
								<span class="color-text">#CC9933</span>
							</li>
							<li>
								<span style="background:#336666"></span>
								<span class="color-text">#336666</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#CC6699"></span>
								<span class="color-text">#CC6699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#3366CC"></span>
								<span class="color-text">#3366CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#009966"></span>
								<span class="color-text">#009966</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF6600"></span>
								<span class="color-text">#FF6600</span>
							</li>
							<li>
								<span style="background:#FFFF66"></span>
								<span class="color-text">#FFFF66</span>
							</li>
							<li>
								<span style="background:#009966"></span>
								<span class="color-text">#009966</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#990033"></span>
								<span class="color-text">#990033</span>
							</li>
							<li>
								<span style="background:#CCFF66"></span>
								<span class="color-text">#CCFF66</span>
							</li>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9966"></span>
								<span class="color-text">#FF9966</span>
							</li>
							<li>
								<span style="background:#996600"></span>
								<span class="color-text">#996600</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC6600"></span>
								<span class="color-text">#CC6600</span>
							</li>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC6600"></span>
								<span class="color-text">#CC6600</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#999966"></span>
								<span class="color-text">#999966</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#663300"></span>
								<span class="color-text">#663300</span>
							</li>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#FFFF66"></span>
								<span class="color-text">#FFFF66</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_2">
				<div class="color-theme-name">
					黄色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFF33"></span>
								<span class="color-text">#FFFF33</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#9933FF"></span>
								<span class="color-text">#9933FF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
							<li>
								<span style="background:#FFFF33"></span>
								<span class="color-text">#FFFF33</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
							<li>
								<span style="background:#66CC00"></span>
								<span class="color-text">#66CC00</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
							<li>
								<span style="background:#0000CC"></span>
								<span class="color-text">#0000CC</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC9999"></span>
								<span class="color-text">#CC9999</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#6666CC"></span>
								<span class="color-text">#6666CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#999933"></span>
								<span class="color-text">#999933</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
							<li>
								<span style="background:#666600"></span>
								<span class="color-text">#666600</span>
							</li>
							<li>
								<span style="background:#FFFF66"></span>
								<span class="color-text">#FFFF66</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9966"></span>
								<span class="color-text">#FF9966</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#999966"></span>
								<span class="color-text">#999966</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#FFFF66"></span>
								<span class="color-text">#FFFF66</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#999966"></span>
								<span class="color-text">#999966</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
							<li>
								<span style="background:#666600"></span>
								<span class="color-text">#666600</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#999966"></span>
								<span class="color-text">#999966</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#006633"></span>
								<span class="color-text">#006633</span>
							</li>
							<li>
								<span style="background:#333300"></span>
								<span class="color-text">#333300</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#006633"></span>
								<span class="color-text">#006633</span>
							</li>
							<li>
								<span style="background:#663300"></span>
								<span class="color-text">#663300</span>
							</li>
							<li>
								<span style="background:#CCCC66"></span>
								<span class="color-text">#CCCC66</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_3">
				<div class="color-theme-name">
					黄绿色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#33CC33"></span>
								<span class="color-text">#33CC33</span>
							</li>
							<li>
								<span style="background:#6666CC"></span>
								<span class="color-text">#6666CC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#CCFFCC"></span>
								<span class="color-text">#CCFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
							<li>
								<span style="background:#999966"></span>
								<span class="color-text">#999966</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#00CC00"></span>
								<span class="color-text">#00CC00</span>
							</li>
							<li>
								<span style="background:#0066CC"></span>
								<span class="color-text">#0066CC</span>
							</li>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#663300"></span>
								<span class="color-text">#663300</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#993399"></span>
								<span class="color-text">#993399</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC6600"></span>
								<span class="color-text">#CC6600</span>
							</li>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC9933"></span>
								<span class="color-text">#CC9933</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#669933"></span>
								<span class="color-text">#669933</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#663300"></span>
								<span class="color-text">#663300</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC6600"></span>
								<span class="color-text">#CC6600</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#666600"></span>
								<span class="color-text">#666600</span>
							</li>
							<li>
								<span style="background:#CCCC66"></span>
								<span class="color-text">#CCCC66</span>
							</li>
							<li>
								<span style="background:#CCFFCC"></span>
								<span class="color-text">#CCFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#333366"></span>
								<span class="color-text">#333366</span>
							</li>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003333"></span>
								<span class="color-text">#003333</span>
							</li>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#996633"></span>
								<span class="color-text">#996633</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#99CC66"></span>
								<span class="color-text">#99CC66</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_4">
				<div class="color-theme-name">
					绿色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#009966"></span>
								<span class="color-text">#009966</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339933"></span>
								<span class="color-text">#339933</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#9933CC"></span>
								<span class="color-text">#9933CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339933"></span>
								<span class="color-text">#339933</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339933"></span>
								<span class="color-text">#339933</span>
							</li>
							<li>
								<span style="background:#99CC00"></span>
								<span class="color-text">#99CC00</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CCCC66"></span>
								<span class="color-text">#CCCC66</span>
							</li>
							<li>
								<span style="background:#336666"></span>
								<span class="color-text">#336666</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#FFFF66"></span>
								<span class="color-text">#FFFF66</span>
							</li>
							<li>
								<span style="background:#336600"></span>
								<span class="color-text">#336600</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339933"></span>
								<span class="color-text">#339933</span>
							</li>
							<li>
								<span style="background:#CC9900"></span>
								<span class="color-text">#CC9900</span>
							</li>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339966"></span>
								<span class="color-text">#339966</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#669933"></span>
								<span class="color-text">#669933</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339933"></span>
								<span class="color-text">#339933</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#6699CC"></span>
								<span class="color-text">#6699CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#006633"></span>
								<span class="color-text">#006633</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#CC9933"></span>
								<span class="color-text">#CC9933</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339933"></span>
								<span class="color-text">#339933</span>
							</li>
							<li>
								<span style="background:#666633"></span>
								<span class="color-text">#666633</span>
							</li>
							<li>
								<span style="background:#CCCC66"></span>
								<span class="color-text">#CCCC66</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339933"></span>
								<span class="color-text">#339933</span>
							</li>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#006633"></span>
								<span class="color-text">#006633</span>
							</li>
							<li>
								<span style="background:#669933"></span>
								<span class="color-text">#669933</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#336666"></span>
								<span class="color-text">#336666</span>
							</li>
							<li>
								<span style="background:#996633"></span>
								<span class="color-text">#996633</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003300"></span>
								<span class="color-text">#003300</span>
							</li>
							<li>
								<span style="background:#669933"></span>
								<span class="color-text">#669933</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#006633"></span>
								<span class="color-text">#006633</span>
							</li>
							<li>
								<span style="background:#990033"></span>
								<span class="color-text">#990033</span>
							</li>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#006633"></span>
								<span class="color-text">#006633</span>
							</li>
							<li>
								<span style="background:#333300"></span>
								<span class="color-text">#333300</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#006633"></span>
								<span class="color-text">#006633</span>
							</li>
							<li>
								<span style="background:#663300"></span>
								<span class="color-text">#663300</span>
							</li>
							<li>
								<span style="background:#CCCC66"></span>
								<span class="color-text">#CCCC66</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#993333"></span>
								<span class="color-text">#993333</span>
							</li>
							<li>
								<span style="background:#CC9966"></span>
								<span class="color-text">#CC9966</span>
							</li>
							<li>
								<span style="background:#003300"></span>
								<span class="color-text">#003300</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_5">
				<div class="color-theme-name">
					青绿色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#66CCCC"></span>
								<span class="color-text">#66CCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339999"></span>
								<span class="color-text">#339999</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#66CC99"></span>
								<span class="color-text">#66CC99</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#009999"></span>
								<span class="color-text">#009999</span>
							</li>
							<li>
								<span style="background:#66CCCC"></span>
								<span class="color-text">#66CCCC</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#66CCCC"></span>
								<span class="color-text">#66CCCC</span>
							</li>
							<li>
								<span style="background:#CCFF66"></span>
								<span class="color-text">#CCFF66</span>
							</li>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339999"></span>
								<span class="color-text">#339999</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC9933"></span>
								<span class="color-text">#CC9933</span>
							</li>
							<li>
								<span style="background:#339999"></span>
								<span class="color-text">#339999</span>
							</li>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
							<li>
								<span style="background:#009999"></span>
								<span class="color-text">#009999</span>
							</li>
							<li>
								<span style="background:#CC3333"></span>
								<span class="color-text">#CC3333</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#669999"></span>
								<span class="color-text">#669999</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339999"></span>
								<span class="color-text">#339999</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339999"></span>
								<span class="color-text">#339999</span>
							</li>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003333"></span>
								<span class="color-text">#003333</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#669999"></span>
								<span class="color-text">#669999</span>
							</li>
							<li>
								<span style="background:#CCFFCC"></span>
								<span class="color-text">#CCFFCC</span>
							</li>
							<li>
								<span style="background:#996699"></span>
								<span class="color-text">#996699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#996699"></span>
								<span class="color-text">#996699</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
							<li>
								<span style="background:#669999"></span>
								<span class="color-text">#669999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#999966"></span>
								<span class="color-text">#999966</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
							<li>
								<span style="background:#339999"></span>
								<span class="color-text">#339999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#336666"></span>
								<span class="color-text">#336666</span>
							</li>
							<li>
								<span style="background:#669999"></span>
								<span class="color-text">#669999</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
							<li>
								<span style="background:#669999"></span>
								<span class="color-text">#669999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#663333"></span>
								<span class="color-text">#663333</span>
							</li>
							<li>
								<span style="background:#339999"></span>
								<span class="color-text">#339999</span>
							</li>
							<li>
								<span style="background:#CCCC66"></span>
								<span class="color-text">#CCCC66</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
							<li>
								<span style="background:#339999"></span>
								<span class="color-text">#339999</span>
							</li>
							<li>
								<span style="background:#CCFFCC"></span>
								<span class="color-text">#CCFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#336666"></span>
								<span class="color-text">#336666</span>
							</li>
							<li>
								<span style="background:#3399CC"></span>
								<span class="color-text">#3399CC</span>
							</li>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_6">
				<div class="color-theme-name">
					蓝色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#3399CC"></span>
								<span class="color-text">#3399CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFFCC"></span>
								<span class="color-text">#CCFFCC</span>
							</li>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#6699CC"></span>
								<span class="color-text">#6699CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#3399CC"></span>
								<span class="color-text">#3399CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#6699CC"></span>
								<span class="color-text">#6699CC</span>
							</li>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#3399CC"></span>
								<span class="color-text">#3399CC</span>
							</li>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#6699CC"></span>
								<span class="color-text">#6699CC</span>
							</li>
							<li>
								<span style="background:#006699"></span>
								<span class="color-text">#006699</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#006699"></span>
								<span class="color-text">#006699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#999933"></span>
								<span class="color-text">#999933</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_7">
				<div class="color-theme-name">
					蓝紫色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#333399"></span>
								<span class="color-text">#333399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#6666CC"></span>
								<span class="color-text">#6666CC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#FF9999"></span>
								<span class="color-text">#FF9999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#9999FF"></span>
								<span class="color-text">#9999FF</span>
							</li>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#0000FF"></span>
								<span class="color-text">#0000FF</span>
							</li>
							<li>
								<span style="background:#6699FF"></span>
								<span class="color-text">#6699FF</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#6666FF"></span>
								<span class="color-text">#6666FF</span>
							</li>
							<li>
								<span style="background:#66CCFF"></span>
								<span class="color-text">#66CCFF</span>
							</li>
							<li>
								<span style="background:#CCFF66"></span>
								<span class="color-text">#CCFF66</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#669999"></span>
								<span class="color-text">#669999</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#6666CC"></span>
								<span class="color-text">#6666CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#9999CC"></span>
								<span class="color-text">#9999CC</span>
							</li>
							<li>
								<span style="background:#FF9999"></span>
								<span class="color-text">#FF9999</span>
							</li>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#6699CC"></span>
								<span class="color-text">#6699CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC6666"></span>
								<span class="color-text">#CC6666</span>
							</li>
							<li>
								<span style="background:#333399"></span>
								<span class="color-text">#333399</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#000066"></span>
								<span class="color-text">#000066</span>
							</li>
							<li>
								<span style="background:#6666FF"></span>
								<span class="color-text">#6666FF</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#333366"></span>
								<span class="color-text">#333366</span>
							</li>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
							<li>
								<span style="background:#CCCC66"></span>
								<span class="color-text">#CCCC66</span>
							</li>
							<li>
								<span style="background:#333300"></span>
								<span class="color-text">#333300</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#990066"></span>
								<span class="color-text">#990066</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC3333"></span>
								<span class="color-text">#CC3333</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#333366"></span>
								<span class="color-text">#333366</span>
							</li>
							<li>
								<span style="background:#999966"></span>
								<span class="color-text">#999966</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_8">
				<div class="color-theme-name">
					紫色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#9999CC"></span>
								<span class="color-text">#9999CC</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#9999CC"></span>
								<span class="color-text">#9999CC</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#660066"></span>
								<span class="color-text">#660066</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#663333"></span>
								<span class="color-text">#663333</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
							<li>
								<span style="background:#9966CC"></span>
								<span class="color-text">#9966CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
							<li>
								<span style="background:#FF9966"></span>
								<span class="color-text">#FF9966</span>
							</li>
							<li>
								<span style="background:#663399"></span>
								<span class="color-text">#663399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#996699"></span>
								<span class="color-text">#996699</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#996666"></span>
								<span class="color-text">#996666</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#333399"></span>
								<span class="color-text">#333399</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#996699"></span>
								<span class="color-text">#996699</span>
							</li>
							<li>
								<span style="background:#9999CC"></span>
								<span class="color-text">#9999CC</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC9966"></span>
								<span class="color-text">#CC9966</span>
							</li>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#330033"></span>
								<span class="color-text">#330033</span>
							</li>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
							<li>
								<span style="background:#669999"></span>
								<span class="color-text">#669999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF33CC"></span>
								<span class="color-text">#FF33CC</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#999966"></span>
								<span class="color-text">#999966</span>
							</li>
							<li>
								<span style="background:#993333"></span>
								<span class="color-text">#993333</span>
							</li>
							<li>
								<span style="background:#330033"></span>
								<span class="color-text">#330033</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_9">
				<div class="color-theme-name">
					紫红色
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CC00"></span>
								<span class="color-text">#99CC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#993366"></span>
								<span class="color-text">#993366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#66CC99"></span>
								<span class="color-text">#66CC99</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#CC6699"></span>
								<span class="color-text">#CC6699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC9999"></span>
								<span class="color-text">#CC9999</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#993399"></span>
								<span class="color-text">#993399</span>
							</li>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#66CCCC"></span>
								<span class="color-text">#66CCCC</span>
							</li>
							<li>
								<span style="background:#CCFF66"></span>
								<span class="color-text">#CCFF66</span>
							</li>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9999"></span>
								<span class="color-text">#FF9999</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#669966"></span>
								<span class="color-text">#669966</span>
							</li>
							<li>
								<span style="background:#CC6699"></span>
								<span class="color-text">#CC6699</span>
							</li>
							<li>
								<span style="background:#FFCCFF"></span>
								<span class="color-text">#FFCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
							<li>
								<span style="background:#CC3399"></span>
								<span class="color-text">#CC3399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC3399"></span>
								<span class="color-text">#CC3399</span>
							</li>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF3399"></span>
								<span class="color-text">#FF3399</span>
							</li>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#CC99CC"></span>
								<span class="color-text">#CC99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#990066"></span>
								<span class="color-text">#990066</span>
							</li>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#990066"></span>
								<span class="color-text">#990066</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#006699"></span>
								<span class="color-text">#006699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#999900"></span>
								<span class="color-text">#999900</span>
							</li>
							<li>
								<span style="background:#990033"></span>
								<span class="color-text">#990033</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#990066"></span>
								<span class="color-text">#990066</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
							<li>
								<span style="background:#009966"></span>
								<span class="color-text">#009966</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_10">
				<div class="introduce">
					<div class="title">按印象的搭配分类</div>
					<div class="desc">
						色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的，那么它们的叠加，自然会是柔和、明亮的；如果每种色彩都是浓烈的，那么它们叠加，就会是浓烈的。当然在实际设计过程中，设计师还要考虑到乘除法，比如同样亮度和对比度的色彩，在色环上的角度不同，搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配，也要将印象作为重点的搭配分类列举出来，以供读者参考。
					</div>
				</div>
				<div class="color-theme-name">
					<span class="color-theme-title">柔和、明亮、温柔 </span>
					<span
						class="color-theme-desc">亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼，设计师一般会用低亮度的前景色调和，同时色彩在色环之间的距离也有助于避免沉闷。</span>
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9966"></span>
								<span class="color-text">#FF9966</span>
							</li>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#CCFFCC"></span>
								<span class="color-text">#CCFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CC99"></span>
								<span class="color-text">#99CC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_11">
				<div class="color-theme-name">
					<span class="color-theme-title">柔和、洁净、爽朗 </span>
					<span
						class="color-theme-desc">对于柔和、清洁、爽朗的印象，色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到，几乎每个组合都有白色参与。当然在实际设计时，可以用蓝绿相反色相的高亮度有彩色代替白色。</span>
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#CCFF99"></span>
								<span class="color-text">#CCFF99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFFCC"></span>
								<span class="color-text">#CCFFCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#66CCCC"></span>
								<span class="color-text">#66CCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFFCC"></span>
								<span class="color-text">#CCFFCC</span>
							</li>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#66CCFF"></span>
								<span class="color-text">#66CCFF</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#CCFFFF"></span>
								<span class="color-text">#CCFFFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#6699CC"></span>
								<span class="color-text">#6699CC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCCFF"></span>
								<span class="color-text">#CCCCFF</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCFF"></span>
								<span class="color-text">#99CCFF</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_12">
				<div class="color-theme-name">
					<span class="color-theme-title">可爱、快乐、有趣 </span>
					<span class="color-theme-desc">可爱、快乐、有趣印象中的色彩搭配特点是，色相分布均匀，冷暖搭配，饱和度高，色彩分辨度高。</span>
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#66CCCC"></span>
								<span class="color-text">#66CCCC</span>
							</li>
							<li>
								<span style="background:#CCFF66"></span>
								<span class="color-text">#CCFF66</span>
							</li>
							<li>
								<span style="background:#FF99CC"></span>
								<span class="color-text">#FF99CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9999"></span>
								<span class="color-text">#FF9999</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#FFFF66"></span>
								<span class="color-text">#FFFF66</span>
							</li>
							<li>
								<span style="background:#99CC66"></span>
								<span class="color-text">#99CC66</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#FF9999"></span>
								<span class="color-text">#FF9999</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF0033"></span>
								<span class="color-text">#FF0033</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#FF9966"></span>
								<span class="color-text">#FF9966</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#CCFF00"></span>
								<span class="color-text">#CCFF00</span>
							</li>
							<li>
								<span style="background:#CC3399"></span>
								<span class="color-text">#CC3399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#FF6600"></span>
								<span class="color-text">#FF6600</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#993366"></span>
								<span class="color-text">#993366</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
							<li>
								<span style="background:#666633"></span>
								<span class="color-text">#666633</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#66CCCC"></span>
								<span class="color-text">#66CCCC</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_13">
				<div class="color-theme-name">
					<span class="color-theme-title">活泼、快乐、有趣 </span>
					<span class="color-theme-desc">活泼、快乐、有趣相对前一种印象，色彩选择更加广泛，?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。</span>
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#CC9999"></span>
								<span class="color-text">#CC9999</span>
							</li>
							<li>
								<span style="background:#FFFF99"></span>
								<span class="color-text">#FFFF99</span>
							</li>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC99"></span>
								<span class="color-text">#CCCC99</span>
							</li>
							<li>
								<span style="background:#CC3399"></span>
								<span class="color-text">#CC3399</span>
							</li>
							<li>
								<span style="background:#99CC00"></span>
								<span class="color-text">#99CC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#3399CC"></span>
								<span class="color-text">#3399CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC6600"></span>
								<span class="color-text">#CC6600</span>
							</li>
							<li>
								<span style="background:#999999"></span>
								<span class="color-text">#999999</span>
							</li>
							<li>
								<span style="background:#CCCC33"></span>
								<span class="color-text">#CCCC33</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#009933"></span>
								<span class="color-text">#009933</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF6600"></span>
								<span class="color-text">#FF6600</span>
							</li>
							<li>
								<span style="background:#FFFF66"></span>
								<span class="color-text">#FFFF66</span>
							</li>
							<li>
								<span style="background:#009966"></span>
								<span class="color-text">#009966</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC6633"></span>
								<span class="color-text">#CC6633</span>
							</li>
							<li>
								<span style="background:#FFCC99"></span>
								<span class="color-text">#FFCC99</span>
							</li>
							<li>
								<span style="background:#CC6600"></span>
								<span class="color-text">#CC6600</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC0066"></span>
								<span class="color-text">#CC0066</span>
							</li>
							<li>
								<span style="background:#009999"></span>
								<span class="color-text">#009999</span>
							</li>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_14">
				<div class="color-theme-name">
					<span class="color-theme-title">运动型、轻快 </span>
					<span class="color-theme-desc">运动的色彩要强化激烈、刺激的感受，同时还要体现健康、快乐、阳光。因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。</span>
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#006699"></span>
								<span class="color-text">#006699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9966"></span>
								<span class="color-text">#FF9966</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#0066CC"></span>
								<span class="color-text">#0066CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#339933"></span>
								<span class="color-text">#339933</span>
							</li>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
							<li>
								<span style="background:#FFFFCC"></span>
								<span class="color-text">#FFFFCC</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC6600"></span>
								<span class="color-text">#CC6600</span>
							</li>
							<li>
								<span style="background:#CCCC44"></span>
								<span class="color-text">#CCCC44</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#0099CC"></span>
								<span class="color-text">#0099CC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#99CC33"></span>
								<span class="color-text">#99CC33</span>
							</li>
							<li>
								<span style="background:#FF6666"></span>
								<span class="color-text">#FF6666</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
							<li>
								<span style="background:#FFFFFF"></span>
								<span class="color-text">#FFFFFF</span>
							</li>
							<li>
								<span style="background:#99CCCC"></span>
								<span class="color-text">#99CCCC</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF0033"></span>
								<span class="color-text">#FF0033</span>
							</li>
							<li>
								<span style="background:#333399"></span>
								<span class="color-text">#333399</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#33CC99"></span>
								<span class="color-text">#33CC99</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_15">
				<div class="color-theme-name">
					<span class="color-theme-title">轻快、华丽、动感</span>
					<span class="color-theme-desc">华丽的印象要求页面充斥有彩色，并且饱和度偏高，而亮度适当减弱则能强化这种印象。</span>
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#990066"></span>
								<span class="color-text">#990066</span>
							</li>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC33"></span>
								<span class="color-text">#FFCC33</span>
							</li>
							<li>
								<span style="background:#333399"></span>
								<span class="color-text">#333399</span>
							</li>
							<li>
								<span style="background:#FF0033"></span>
								<span class="color-text">#FF0033</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#666699"></span>
								<span class="color-text">#666699</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#FF0033"></span>
								<span class="color-text">#FF0033</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF0033"></span>
								<span class="color-text">#FF0033</span>
							</li>
							<li>
								<span style="background:#006699"></span>
								<span class="color-text">#006699</span>
							</li>
							<li>
								<span style="background:#FFFF33"></span>
								<span class="color-text">#FFFF33</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FFCC00"></span>
								<span class="color-text">#FFCC00</span>
							</li>
							<li>
								<span style="background:#009999"></span>
								<span class="color-text">#009999</span>
							</li>
							<li>
								<span style="background:#CC3366"></span>
								<span class="color-text">#CC3366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF0033"></span>
								<span class="color-text">#FF0033</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
							<li>
								<span style="background:#006699"></span>
								<span class="color-text">#006699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#663399"></span>
								<span class="color-text">#663399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF9933"></span>
								<span class="color-text">#FF9933</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#336699"></span>
								<span class="color-text">#336699</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC3333"></span>
								<span class="color-text">#CC3333</span>
							</li>
							<li>
								<span style="background:#FFCCCC"></span>
								<span class="color-text">#FFCCCC</span>
							</li>
							<li>
								<span style="background:#99CC00"></span>
								<span class="color-text">#99CC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#FF6600"></span>
								<span class="color-text">#FF6600</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_16">
				<div class="color-theme-name">
					<span class="color-theme-title">狂野、充沛、动感 </span>
					<span class="color-theme-desc">狂野的印象空间中少不了低亮度的色彩，甚至可以用适当的黑色搭配。其他有彩色的饱和度高，对比强烈。</span>
				</div>
				<div class="item-list grid">

					<div class="group">
						<ul>
							<li>
								<span style="background:#990066"></span>
								<span class="color-text">#990066</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#003399"></span>
								<span class="color-text">#003399</span>
							</li>
							<li>
								<span style="background:#FFFF00"></span>
								<span class="color-text">#FFFF00</span>
							</li>
							<li>
								<span style="background:#F00000"></span>
								<span class="color-text">#F00000</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC3333"></span>
								<span class="color-text">#CC3333</span>
							</li>
							<li>
								<span style="background:#CCCCCC"></span>
								<span class="color-text">#CCCCCC</span>
							</li>
							<li>
								<span style="background:#003366"></span>
								<span class="color-text">#003366</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
							<li>
								<span style="background:#99CC00"></span>
								<span class="color-text">#99CC00</span>
							</li>
							<li>
								<span style="background:#CC0033"></span>
								<span class="color-text">#CC0033</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#FF0033"></span>
								<span class="color-text">#FF0033</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
							<li>
								<span style="background:#FF9900"></span>
								<span class="color-text">#FF9900</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#990066"></span>
								<span class="color-text">#990066</span>
							</li>
							<li>
								<span style="background:#000000"></span>
								<span class="color-text">#000000</span>
							</li>
							<li>
								<span style="background:#009966"></span>
								<span class="color-text">#009966</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#666666"></span>
								<span class="color-text">#666666</span>
							</li>
							<li>
								<span style="background:#FF6600"></span>
								<span class="color-text">#FF6600</span>
							</li>
							<li>
								<span style="background:#333333"></span>
								<span class="color-text">#333333</span>
							</li>
						</ul>
					</div>
					<div class="group">
						<ul>
							<li>
								<span style="background:#993333"></span>
								<span class="color-text">#993333</span>
							</li>
							<li>
								<span style="background:#CCCC00"></span>
								<span class="color-text">#CCCC00</span>
							</li>
							<li>
								<span style="background:#663366"></span>
								<span class="color-text">#663366</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="color-list" id="color_17">
				<div class="color-theme-name">
					<span class="color-theme-title">华丽、花哨、女性化 <span>
							<span class="color-theme-desc">女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。一般它们之间要进行高饱和的搭配。
				</div>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#FFFF99"></span>
							<span class="color-text">#FFFF99</span>
						</li>
						<li>
							<span style="background:#993399"></span>
							<span class="color-text">#993399</span>
						</li>
						<li>
							<span style="background:#FF99CC"></span>
							<span class="color-text">#FF99CC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#FF6666"></span>
							<span class="color-text">#FF6666</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#339999"></span>
							<span class="color-text">#339999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#FF99CC"></span>
							<span class="color-text">#FF99CC</span>
						</li>
						<li>
							<span style="background:#003399"></span>
							<span class="color-text">#003399</span>
						</li>
						<li>
							<span style="background:#CCFF00"></span>
							<span class="color-text">#CCFF00</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#66CC99"></span>
							<span class="color-text">#66CC99</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#CC6699"></span>
							<span class="color-text">#CC6699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC3399"></span>
							<span class="color-text">#CC3399</span>
						</li>
						<li>
							<span style="background:#FFCC99"></span>
							<span class="color-text">#FFCC99</span>
						</li>
						<li>
							<span style="background:#FF6666"></span>
							<span class="color-text">#FF6666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#FFCCCC"></span>
							<span class="color-text">#FFCCCC</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#993366"></span>
							<span class="color-text">#993366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC6699"></span>
							<span class="color-text">#CC6699</span>
						</li>
						<li>
							<span style="background:#FFFF00"></span>
							<span class="color-text">#FFFF00</span>
						</li>
						<li>
							<span style="background:#666699"></span>
							<span class="color-text">#666699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC6699"></span>
							<span class="color-text">#CC6699</span>
						</li>
						<li>
							<span style="background:#99CC66"></span>
							<span class="color-text">#99CC66</span>
						</li>
						<li>
							<span style="background:#663366"></span>
							<span class="color-text">#663366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#FF33CC"></span>
							<span class="color-text">#FF33CC</span>
						</li>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
						<li>
							<span style="background:#663366"></span>
							<span class="color-text">#663366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC3399"></span>
							<span class="color-text">#CC3399</span>
						</li>
						<li>
							<span style="background:#FFCC99"></span>
							<span class="color-text">#FFCC99</span>
						</li>
						<li>
							<span style="background:#FF6666"></span>
							<span class="color-text">#FF6666</span>
						</li>
					</ul>
				</div>
			</div>
		<div class="color-list" id="color_18">
			<div class="color-theme-name">
				<span class="color-theme-title">回味、女性化、优雅 </span>
				<span class="color-theme-desc">优雅的感觉很奇特，色彩的饱和度一般要降下来。一般以蓝、红之间的相邻，调节亮度和饱和度进行搭配。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#CC99CC"></span>
							<span class="color-text">#CC99CC</span>
						</li>
						<li>
							<span style="background:#CC3399"></span>
							<span class="color-text">#CC3399</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#FFCCCC"></span>
							<span class="color-text">#FFCCCC</span>
						</li>
						<li>
							<span style="background:#FF99CC"></span>
							<span class="color-text">#FF99CC</span>
						</li>
						<li>
							<span style="background:#CCCCFF"></span>
							<span class="color-text">#CCCCFF</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC3399"></span>
							<span class="color-text">#CC3399</span>
						</li>
						<li>
							<span style="background:#9933CC"></span>
							<span class="color-text">#9933CC</span>
						</li>
						<li>
							<span style="background:#CC99CC"></span>
							<span class="color-text">#CC99CC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#9999CC"></span>
							<span class="color-text">#9999CC</span>
						</li>
						<li>
							<span style="background:#FFFFCC"></span>
							<span class="color-text">#FFFFCC</span>
						</li>
						<li>
							<span style="background:#FFCCCC"></span>
							<span class="color-text">#FFCCCC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#663366"></span>
							<span class="color-text">#663366</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#CC99CC"></span>
							<span class="color-text">#CC99CC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#FF9999"></span>
							<span class="color-text">#FF9999</span>
						</li>
						<li>
							<span style="background:#FFCCCC"></span>
							<span class="color-text">#FFCCCC</span>
						</li>
						<li>
							<span style="background:#FF99CC"></span>
							<span class="color-text">#FF99CC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#996666"></span>
							<span class="color-text">#996666</span>
						</li>
						<li>
							<span style="background:#CC99CC"></span>
							<span class="color-text">#CC99CC</span>
						</li>
						<li>
							<span style="background:#FFCCCC"></span>
							<span class="color-text">#FFCCCC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC9999"></span>
							<span class="color-text">#CC9999</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#FFCCCC"></span>
							<span class="color-text">#FFCCCC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#FF9999"></span>
							<span class="color-text">#FF9999</span>
						</li>
						<li>
							<span style="background:#996699"></span>
							<span class="color-text">#996699</span>
						</li>
						<li>
							<span style="background:#FFCCCC"></span>
							<span class="color-text">#FFCCCC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#996699"></span>
							<span class="color-text">#996699</span>
						</li>
						<li>
							<span style="background:#FFCCCC"></span>
							<span class="color-text">#FFCCCC</span>
						</li>
						<li>
							<span style="background:#CC99CC"></span>
							<span class="color-text">#CC99CC</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="color-list" id="color_19">
			<div class="color-theme-name">
				<span class="theme-color-title">高尚、自然、安稳 </span>
				<span class="color-theme-desc">高尚一般要用低亮度的黄绿色，色彩亮度降下去，注意色彩的平衡，页面就会显得安稳。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCC33"></span>
							<span class="color-text">#CCCC33</span>
						</li>
						<li>
							<span style="background:#FFFF99"></span>
							<span class="color-text">#FFFF99</span>
						</li>
						<li>
							<span style="background:#CC9933"></span>
							<span class="color-text">#CC9933</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC9966"></span>
							<span class="color-text">#CC9966</span>
						</li>
						<li>
							<span style="background:#CCCC66"></span>
							<span class="color-text">#CCCC66</span>
						</li>
						<li>
							<span style="background:#669999"></span>
							<span class="color-text">#669999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#FF9966"></span>
							<span class="color-text">#FF9966</span>
						</li>
						<li>
							<span style="background:#996600"></span>
							<span class="color-text">#996600</span>
						</li>
						<li>
							<span style="background:#CCCC00"></span>
							<span class="color-text">#CCCC00</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCC66"></span>
							<span class="color-text">#CCCC66</span>
						</li>
						<li>
							<span style="background:#660033"></span>
							<span class="color-text">#660033</span>
						</li>
						<li>
							<span style="background:#CC6600"></span>
							<span class="color-text">#CC6600</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCC00"></span>
							<span class="color-text">#CCCC00</span>
						</li>
						<li>
							<span style="background:#666600"></span>
							<span class="color-text">#666600</span>
						</li>
						<li>
							<span style="background:#CCCCFF"></span>
							<span class="color-text">#CCCCFF</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC9933"></span>
							<span class="color-text">#CC9933</span>
						</li>
						<li>
							<span style="background:#009999"></span>
							<span class="color-text">#009999</span>
						</li>
						<li>
							<span style="background:#FFCC33"></span>
							<span class="color-text">#FFCC33</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#999966"></span>
							<span class="color-text">#999966</span>
						</li>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
						<li>
							<span style="background:#339999"></span>
							<span class="color-text">#339999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#99CC99"></span>
							<span class="color-text">#99CC99</span>
						</li>
						<li>
							<span style="background:#669933"></span>
							<span class="color-text">#669933</span>
						</li>
						<li>
							<span style="background:#336633"></span>
							<span class="color-text">#336633</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#666633"></span>
							<span class="color-text">#666633</span>
						</li>
						<li>
							<span style="background:#999933"></span>
							<span class="color-text">#999933</span>
						</li>
						<li>
							<span style="background:#CC9966"></span>
							<span class="color-text">#CC9966</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#660000"></span>
							<span class="color-text">#660000</span>
						</li>
						<li>
							<span style="background:#CC9900"></span>
							<span class="color-text">#CC9900</span>
						</li>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="color-list" id="color_20">
			<div class="color-theme-name">
				<span class="theme-color-title">冷静、自然 </span>
				<span class="color-theme-desc">绿色是冷静、自然印象的主角，但是绿色作为页面的主要色彩，容易陷入过于消极的感觉传达，因此应该特别重视图案的设计。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#FFFF99"></span>
							<span class="color-text">#FFFF99</span>
						</li>
						<li>
							<span style="background:#99CC99"></span>
							<span class="color-text">#99CC99</span>
						</li>
						<li>
							<span style="background:#666600"></span>
							<span class="color-text">#666600</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#996633"></span>
							<span class="color-text">#996633</span>
						</li>
						<li>
							<span style="background:#FFFF99"></span>
							<span class="color-text">#FFFF99</span>
						</li>
						<li>
							<span style="background:#99CC66"></span>
							<span class="color-text">#99CC66</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#006600"></span>
							<span class="color-text">#006600</span>
						</li>
						<li>
							<span style="background:#66CC66"></span>
							<span class="color-text">#66CC66</span>
						</li>
						<li>
							<span style="background:#CCFF99"></span>
							<span class="color-text">#CCFF99</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#666600"></span>
							<span class="color-text">#666600</span>
						</li>
						<li>
							<span style="background:#CCCC66"></span>
							<span class="color-text">#CCCC66</span>
						</li>
						<li>
							<span style="background:#CCFFCC"></span>
							<span class="color-text">#CCFFCC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#669933"></span>
							<span class="color-text">#669933</span>
						</li>
						<li>
							<span style="background:#CCCC33"></span>
							<span class="color-text">#CCCC33</span>
						</li>
						<li>
							<span style="background:#663300"></span>
							<span class="color-text">#663300</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#666633"></span>
							<span class="color-text">#666633</span>
						</li>
						<li>
							<span style="background:#999933"></span>
							<span class="color-text">#999933</span>
						</li>
						<li>
							<span style="background:#CC9966"></span>
							<span class="color-text">#CC9966</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#003300"></span>
							<span class="color-text">#003300</span>
						</li>
						<li>
							<span style="background:#669933"></span>
							<span class="color-text">#669933</span>
						</li>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#006633"></span>
							<span class="color-text">#006633</span>
						</li>
						<li>
							<span style="background:#663300"></span>
							<span class="color-text">#663300</span>
						</li>
						<li>
							<span style="background:#CCCC66"></span>
							<span class="color-text">#CCCC66</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#666600"></span>
							<span class="color-text">#666600</span>
						</li>
						<li>
							<span style="background:#FFFFCC"></span>
							<span class="color-text">#FFFFCC</span>
						</li>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#006633"></span>
							<span class="color-text">#006633</span>
						</li>
						<li>
							<span style="background:#333300"></span>
							<span class="color-text">#333300</span>
						</li>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="color-list" id="color_21">
			<div class="color-theme-name">
				<span class="theme-color-title">传统、高雅、优雅 </span>
				<span class="color-theme-desc">传统的内容一般要降低色彩的饱和度，特别是棕色很适合。前面介绍紫色也是高雅和优雅印象的常用色相。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#999933"></span>
							<span class="color-text">#999933</span>
						</li>
						<li>
							<span style="background:#FFFFCC"></span>
							<span class="color-text">#FFFFCC</span>
						</li>
						<li>
							<span style="background:#CC99CC"></span>
							<span class="color-text">#CC99CC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC9966"></span>
							<span class="color-text">#CC9966</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
						<li>
							<span style="background:#CC9999"></span>
							<span class="color-text">#CC9999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
						<li>
							<span style="background:#333333"></span>
							<span class="color-text">#333333</span>
						</li>
						<li>
							<span style="background:#9966CC"></span>
							<span class="color-text">#9966CC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
						<li>
							<span style="background:#CC9999"></span>
							<span class="color-text">#CC9999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#996699"></span>
							<span class="color-text">#996699</span>
						</li>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
						<li>
							<span style="background:#669999"></span>
							<span class="color-text">#669999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CC9966"></span>
							<span class="color-text">#CC9966</span>
						</li>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#339966"></span>
							<span class="color-text">#339966</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#996699"></span>
							<span class="color-text">#996699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#663366"></span>
							<span class="color-text">#663366</span>
						</li>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#CCCCFF"></span>
							<span class="color-text">#CCCCFF</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#996699"></span>
							<span class="color-text">#996699</span>
						</li>
						<li>
							<span style="background:#9999CC"></span>
							<span class="color-text">#9999CC</span>
						</li>
						<li>
							<span style="background:#CCCCFF"></span>
							<span class="color-text">#CCCCFF</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#663300"></span>
							<span class="color-text">#663300</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="color-list" id="color_22">
			<div class="color-theme-name">
				<span class="theme-color-title">传统、稳重、古典 </span>
				<span class="color-theme-desc">传统、稳重、古典都是保守的印象，色彩的选择上应该尽量用低亮度的暖色，这种搭配符合成熟的审美。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#6699CC"></span>
							<span class="color-text">#6699CC</span>
						</li>
						<li>
							<span style="background:#663366"></span>
							<span class="color-text">#663366</span>
						</li>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#990033"></span>
							<span class="color-text">#990033</span>
						</li>
						<li>
							<span style="background:#CCFF66"></span>
							<span class="color-text">#CCFF66</span>
						</li>
						<li>
							<span style="background:#FF9900"></span>
							<span class="color-text">#FF9900</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#666699"></span>
							<span class="color-text">#666699</span>
						</li>
						<li>
							<span style="background:#660033"></span>
							<span class="color-text">#660033</span>
						</li>
						<li>
							<span style="background:#99CC99"></span>
							<span class="color-text">#99CC99</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#663300"></span>
							<span class="color-text">#663300</span>
						</li>
						<li>
							<span style="background:#FF9933"></span>
							<span class="color-text">#FF9933</span>
						</li>
						<li>
							<span style="background:#FFFF66"></span>
							<span class="color-text">#FFFF66</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#990033"></span>
							<span class="color-text">#990033</span>
						</li>
						<li>
							<span style="background:#006633"></span>
							<span class="color-text">#006633</span>
						</li>
						<li>
							<span style="background:#CCCC00"></span>
							<span class="color-text">#CCCC00</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#660033"></span>
							<span class="color-text">#660033</span>
						</li>
						<li>
							<span style="background:#999933"></span>
							<span class="color-text">#999933</span>
						</li>
						<li>
							<span style="background:#660099"></span>
							<span class="color-text">#660099</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#993366"></span>
							<span class="color-text">#993366</span>
						</li>
						<li>
							<span style="background:#CCCC33"></span>
							<span class="color-text">#CCCC33</span>
						</li>
						<li>
							<span style="background:#666633"></span>
							<span class="color-text">#666633</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#996600"></span>
							<span class="color-text">#996600</span>
						</li>
						<li>
							<span style="background:#CCCC66"></span>
							<span class="color-text">#CCCC66</span>
						</li>
						<li>
							<span style="background:#666600"></span>
							<span class="color-text">#666600</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#009933"></span>
							<span class="color-text">#009933</span>
						</li>
						<li>
							<span style="background:#CC9900"></span>
							<span class="color-text">#CC9900</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#666633"></span>
							<span class="color-text">#666633</span>
						</li>
						<li>
							<span style="background:#CCCC33"></span>
							<span class="color-text">#CCCC33</span>
						</li>
						<li>
							<span style="background:#CC3366"></span>
							<span class="color-text">#CC3366</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="color-list" id="color_23">
			<div class="color-theme-name">
				<span class="theme-color-title">忠厚、稳重、有品位 </span>
				<span class="color-theme-desc">亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。这样的搭配为了避免色彩过于保守，使页面僵化、消极，应当注重冷暖结合和明暗对比。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#FFFFCC"></span>
							<span class="color-text">#FFFFCC</span>
						</li>
						<li>
							<span style="background:#CC9933"></span>
							<span class="color-text">#CC9933</span>
						</li>
						<li>
							<span style="background:#336666"></span>
							<span class="color-text">#336666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#336666"></span>
							<span class="color-text">#336666</span>
						</li>
						<li>
							<span style="background:#996633"></span>
							<span class="color-text">#996633</span>
						</li>
						<li>
							<span style="background:#CCCC33"></span>
							<span class="color-text">#CCCC33</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#336633"></span>
							<span class="color-text">#336633</span>
						</li>
						<li>
							<span style="background:#990033"></span>
							<span class="color-text">#990033</span>
						</li>
						<li>
							<span style="background:#FFCC99"></span>
							<span class="color-text">#FFCC99</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#333366"></span>
							<span class="color-text">#333366</span>
						</li>
						<li>
							<span style="background:#669999"></span>
							<span class="color-text">#669999</span>
						</li>
						<li>
							<span style="background:#996600"></span>
							<span class="color-text">#996600</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#993333"></span>
							<span class="color-text">#993333</span>
						</li>
						<li>
							<span style="background:#CC9966"></span>
							<span class="color-text">#CC9966</span>
						</li>
						<li>
							<span style="background:#003300"></span>
							<span class="color-text">#003300</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#336633"></span>
							<span class="color-text">#336633</span>
						</li>
						<li>
							<span style="background:#CCCC99"></span>
							<span class="color-text">#CCCC99</span>
						</li>
						<li>
							<span style="background:#333366"></span>
							<span class="color-text">#333366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#663300"></span>
							<span class="color-text">#663300</span>
						</li>
						<li>
							<span style="background:#999933"></span>
							<span class="color-text">#999933</span>
						</li>
						<li>
							<span style="background:#333333"></span>
							<span class="color-text">#333333</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#663366"></span>
							<span class="color-text">#663366</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
						<li>
							<span style="background:#333366"></span>
							<span class="color-text">#333366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#999900"></span>
							<span class="color-text">#999900</span>
						</li>
						<li>
							<span style="background:#990033"></span>
							<span class="color-text">#990033</span>
						</li>
						<li>
							<span style="background:#CC99CC"></span>
							<span class="color-text">#CC99CC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#333366"></span>
							<span class="color-text">#333366</span>
						</li>
						<li>
							<span style="background:#990033"></span>
							<span class="color-text">#990033</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="color-list" id="color_24">
			<div class="color-theme-name">
				<span class="theme-color-title">简单、洁净、进步 </span>
				<span class="color-theme-desc">简单、洁净的色彩在色相上可以用蓝、绿表现，并大面积留白。而进步的印象可以多用蓝色，搭配低饱和甚至灰色。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#666699"></span>
							<span class="color-text">#666699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCFF66"></span>
							<span class="color-text">#CCFF66</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#003366"></span>
							<span class="color-text">#003366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#99CCFF"></span>
							<span class="color-text">#99CCFF</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#336699"></span>
							<span class="color-text">#336699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCC33"></span>
							<span class="color-text">#CCCC33</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#336699"></span>
							<span class="color-text">#336699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#0099FF"></span>
							<span class="color-text">#0099FF</span>
						</li>
						<li>
							<span style="background:#FFFFCC"></span>
							<span class="color-text">#FFFFCC</span>
						</li>
						<li>
							<span style="background:#666699"></span>
							<span class="color-text">#666699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#99CC33"></span>
							<span class="color-text">#99CC33</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#000000"></span>
							<span class="color-text">#000000</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#003366"></span>
							<span class="color-text">#003366</span>
						</li>
						<li>
							<span style="background:#99CCFF"></span>
							<span class="color-text">#99CCFF</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#0099CC"></span>
							<span class="color-text">#0099CC</span>
						</li>
						<li>
							<span style="background:#CCFF66"></span>
							<span class="color-text">#CCFF66</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#3399CC"></span>
							<span class="color-text">#3399CC</span>
						</li>
						<li>
							<span style="background:#003366"></span>
							<span class="color-text">#003366</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#336699"></span>
							<span class="color-text">#336699</span>
						</li>
						<li>
							<span style="background:#FFFF66"></span>
							<span class="color-text">#FFFF66</span>
						</li>
						<li>
							<span style="background:#6699FF"></span>
							<span class="color-text">#6699FF</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="color-list" id="color_25">
			<div class="color-theme-name">
				<span class="theme-color-title">简单、时尚、高雅 </span>
				<span
					class="color-theme-desc">灰色是最为平衡的色彩，并且是塑料金属质感的主要色彩之一，因而要表达高雅、时尚，可以适当使用，甚至大面积使用。但是要注重图案和质感的构造。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#99CCFF"></span>
							<span class="color-text">#99CCFF</span>
						</li>
						<li>
							<span style="background:#FFFF66"></span>
							<span class="color-text">#FFFF66</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#336666"></span>
							<span class="color-text">#336666</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#0099CC"></span>
							<span class="color-text">#0099CC</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#336666"></span>
							<span class="color-text">#336666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#663366"></span>
							<span class="color-text">#663366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#6699CC"></span>
							<span class="color-text">#6699CC</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#FFFFFF"></span>
							<span class="color-text">#FFFFFF</span>
						</li>
						<li>
							<span style="background:#333366"></span>
							<span class="color-text">#333366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#669999"></span>
							<span class="color-text">#669999</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#333333"></span>
							<span class="color-text">#333333</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#336699"></span>
							<span class="color-text">#336699</span>
						</li>
						<li>
							<span style="background:#0099CC"></span>
							<span class="color-text">#0099CC</span>
						</li>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="color-list" id="color_26">
			<div class="color-theme-name">
				<span class="theme-color-title">简单、进步、时尚 </span>
				<span class="color-theme-desc">表现进步的色彩主要以蓝色为主，搭配灰色。而色彩的明度统一、色相相邻，在色彩上会显得简洁。</span>
			</div>
			<div class="item-list grid">

				<div class="group">
					<ul>
						<li>
							<span style="background:#333366"></span>
							<span class="color-text">#333366</span>
						</li>
						<li>
							<span style="background:#99CC33"></span>
							<span class="color-text">#99CC33</span>
						</li>
						<li>
							<span style="background:#336699"></span>
							<span class="color-text">#336699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#003366"></span>
							<span class="color-text">#003366</span>
						</li>
						<li>
							<span style="background:#669999"></span>
							<span class="color-text">#669999</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#003399"></span>
							<span class="color-text">#003399</span>
						</li>
						<li>
							<span style="background:#CCFF99"></span>
							<span class="color-text">#CCFF99</span>
						</li>
						<li>
							<span style="background:#333333"></span>
							<span class="color-text">#333333</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#999933"></span>
							<span class="color-text">#999933</span>
						</li>
						<li>
							<span style="background:#336699"></span>
							<span class="color-text">#336699</span>
						</li>
						<li>
							<span style="background:#333333"></span>
							<span class="color-text">#333333</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#666666"></span>
							<span class="color-text">#666666</span>
						</li>
						<li>
							<span style="background:#99CC33"></span>
							<span class="color-text">#99CC33</span>
						</li>
						<li>
							<span style="background:#003366"></span>
							<span class="color-text">#003366</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#336699"></span>
							<span class="color-text">#336699</span>
						</li>
						<li>
							<span style="background:#333333"></span>
							<span class="color-text">#333333</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#3366CC"></span>
							<span class="color-text">#3366CC</span>
						</li>
						<li>
							<span style="background:#CCCC66"></span>
							<span class="color-text">#CCCC66</span>
						</li>
						<li>
							<span style="background:#333300"></span>
							<span class="color-text">#333300</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#6699CC"></span>
							<span class="color-text">#6699CC</span>
						</li>
						<li>
							<span style="background:#006699"></span>
							<span class="color-text">#006699</span>
						</li>
						<li>
							<span style="background:#000000"></span>
							<span class="color-text">#000000</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#003366"></span>
							<span class="color-text">#003366</span>
						</li>
						<li>
							<span style="background:#CCCCCC"></span>
							<span class="color-text">#CCCCCC</span>
						</li>
						<li>
							<span style="background:#006699"></span>
							<span class="color-text">#006699</span>
						</li>
					</ul>
				</div>
				<div class="group">
					<ul>
						<li>
							<span style="background:#000000"></span>
							<span class="color-text">#000000</span>
						</li>
						<li>
							<span style="background:#999999"></span>
							<span class="color-text">#999999</span>
						</li>
						<li>
							<span style="background:#003366"></span>
							<span class="color-text">#003366</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		</div>
		<!--  -->
		</div>
		</div>
		<script src="js/jquery-3.6.0.min.js"></script>
		<script src="js/main.js"></script>
	</body>
</html>
